html{
    background-color: black!important;
}
body{
    width: 100%;
    position: absolute;
    background-image: url('/static/img/share/img/bg.png');
    background-repeat: repeat-x;
    background-size: contain;
    background-color: #333;
}
header{
    width: 100%;
    height: 1.63rem;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
}
header a.logo{
    display: inline-block;
    width: 4.44rem;
    height: 1.19rem;
    margin: 0.22rem  0.37rem;
}
header a.logo img{
    width: 3.44rem;
    height: 1.19rem;
}
header a.download{
    float: right;
    background-color: #3ec0e1;
    border-radius: 0.45rem;
    text-align: center;
    font-size: 0.45rem;
    color: #FFF;
    padding: 0.2rem 0.4rem;
    margin: 0.33rem;
}
.main{
    margin: 0 auto;
    margin-top: 1.807rem;
    text-align: center;
}
.main p{
    font-size: 0.407rem;
    color: #fff;
}
.main p span{
    color: #01ff20;
}
#user_img{
    display: block;
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 27px;

}
#user_name{
    color: #FFF;
    font-weight: bold;
    font-size: 0.778rem;
    margin: 0.2963rem 0;
    height: 0.704rem;
    line-height: 0.704rem;
}
#yq_button{
    display: block;
    width: 75%;
    height: auto;
    margin: 0 auto;
    margin-top: 1.6rem;
    margin-bottom: 1rem;
}
#yq_button img{
    width: 100%;
    height: 100%;
}

li{
    /*width: 100%;*/
    height: auto;
    position: relative;
    color: #FFF;
}
li img.box_user_img{
    width: 100%;
    height: auto;
}
.twoRankedBox ul li img.goddess{
    width: 40.2515%;
    height: auto;
    position: absolute;
    top: 0.1851rem;
    left: 0;
}
.twoRankedBox ul li div.user_info{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0.2rem;
    left: 0;
    line-height: 1;
}
.twoRankedBox ul li div.user_info img.user_head_img{
    width: 15.723%;
    height: auto;
    border-radius: 50%;
    margin: 0 2.5157%;
    float: left;
}
.twoRankedBox ul li div.user_info .position{
    width: 74.24%;
    height: auto;
    float: left;
    font-size: 0.2963rem;
}
.twoRankedBox ul li div.user_info p.user_location{
    position: absolute;
    bottom: 0;
    left: 19.3%;
    line-height: 1;
}
.twoRankedBox ul li div.user_info p.user_location span{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.twoRankedBox ul li div.user_info p.user_location img{
    width: 9.52%;
    height: auto;
}
.twoRankedBox ul li div.user_info div.user_name span.name{
    max-width: 51.28%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.twoRankedBox ul li div.user_info div.user_name{
    display: flex;
    align-items: center;
}
.twoRankedBox ul li div.user_info div.user_name p{
    line-height: 0;
    width: 31.74%;
    height: auto;
    position: relative;
}
.twoRankedBox ul li div.user_info div.user_name p img{
    width: 100%;
    height: auto;
}
.twoRankedBox ul li div.user_info div.user_name p span{
    position: absolute;
    font-size: 0.2593rem;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 50%;
    left: 8%;
}
.ht60{
    width: 100%;
    height: 1.2rem;
}
